<template>
  <div>
    <!--sticky && header-->
    <sticky>
      <x-header :left-options="{backText: ''}">消息通知</x-header>
    </sticky>

    <panel :list="list" type="1"></panel>
  </div>

</template>

<script>
  import {
    XHeader,
    Sticky,
    Panel
  } from 'vux'

  export default {
    components: {
      XHeader,
      Sticky,
      Panel
    },
    data() {
      return {
        list: [{
          src: 'http://placeholder.qiniudn.com/60x60/3cc51f/ffffff',
          title: '林冲',
          desc: '准备好开会要用的材料。',
          url: '/component/cell'
        }, {
          src: 'http://placeholder.qiniudn.com/60x60/3cc51f/ffffff',
          title: '吴邪',
          desc: '处理好的公司合同扫描件上传公司网盘。',
          url: '/component/cell'
        }]
      }
    },
    mounted() {
      this.$http.get('/api/messages').then((r) => {
        console.log(r)
      })
    },
    methods: {}
  }
</script>

<style lang="less" scoped>

</style>
